import React from 'react';
import { Box } from '@mui/material';
import NetPyNEField from '../../../general/NetPyNEField';
import NetPyNETextField from '../../../general/NetPyNETextField';
import NetPyNECheckbox from '../../../general/NetPyNECheckbox';
import SelectField from '../../../general/SelectField';

/**
 * PlotTraces Component
 * Configuration component for Traces plots
 * Placeholder implementation
 */
const PlotTraces: React.FC = () => {
  const tag = 'simConfig.analysis[\'iplotTraces\']';

  return (
    <Box className="scrollbar scrollchild" mt={1}>
      <NetPyNEField id="simConfig.analysis.plotTraces.include" className="listStyle">
        <SelectField model={`${tag}['include']`} />
      </NetPyNEField>

      <NetPyNEField id="simConfig.analysis.plotTraces.timeRange">
        <NetPyNETextField
          fullWidth
          variant="filled"
          label="Time Range"
          model={`${tag}['timeRange']`}
        />
      </NetPyNEField>

      <NetPyNEField id="simConfig.analysis.plotTraces.overlay" className="netpyneCheckbox">
        <NetPyNECheckbox model={`${tag}['overlay']`} />
      </NetPyNEField>
    </Box>
  );
};

export default PlotTraces;

